:root {
  --primary-color: #1e88e5;
  --primary-hover-color: #42a5f5;
  --primary-active-color: #1565c0;

  --background-color: #e3f2fd;
  --background-secondary-color: #bbdefb;

  --text-color: #0d47a1;
  --text-secondary-color: #1e88e5;

  --border-color: #90caf9;

  --header-bg-color: var(--primary-color);
  --header-text-color: #ffffff;

  --card-bg-color: #ffffff;
  --card-shadow: 0 2px 8px rgba(33, 150, 243, 0.2);

  --button-bg-color: var(--primary-color);
  --button-text-color: #ffffff;
}